<template>
	<a-config-provider :locale="lang">
		<RouterView />
	</a-config-provider>
</template>
<script setup>
// 导入 对应 组件所需的 locale
import { antdLocale } from '@/locales/useLocale'

import { useLocale } from '@/stores/modules/localeStore'
import { storeToRefs } from 'pinia'
import { watch, ref } from 'vue'

const { locale } = storeToRefs(useLocale())

// 根据 store  获得 对应 lang
// 切换语言的 同时 切换组件 国际化
const lang = ref('')
watch(
	locale,
	async newValue => {
		lang.value = await antdLocale(newValue)
	},
	{ immediate: true }
)
</script>
